<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>欢太商场</title>
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="../font_1/iconfont.css">
  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  <link rel="icon" href="https://www.heytap.com/favicon.ico">
</head>
<body>
  <!-- <div class="box"> -->
    <div class="blank"></div>
    <!-- 大头部 -->
    <div class="header_1">
      <div class="head">
        <div class="head_1">
          <ul class="left_1">
            <li><a href="#">欢太品牌</a></li>
            <li><a href="#">欢太云服务</a></li>
            <li><a href="#">软件商店</a></li>
            <li><a href="#">健康</a></li>
          </ul>      
          <ul class="right_1">
            <li><a href="#"> 下载欢太商城APP</a></li>
            <li>

              <p class="off active"><a href="./login.html">登录</a></p>
              <p class="on"><span class="nickname">用户昵称</span> <button class="logout">退出</button></p>
            </li>
            <li><a href="./login.html" class="off">注册</a></li>
            <li>
              <i class="iconfont icon-che"></i>
              <a href="#">购物车</a>
            </li>
          </ul>
        </div>
      </div>
      <!--  头部nav -->
    <div class="n-head_2">
      <div class="head_2">
        <div class="logo_2">
          <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/2bdb956.png?x-oss-process=image/format,webp" alt="">
        </div>
        <div class="centre">
          <ul>
            <li><a href="./list.html">OPPO专区</a></li>
            <li><a href="./list.html">OnePlus专区</a></li>
            <li><a href="./list.html">realme专区</a></li>
            <li><a href="./list.html">智能硬件</a></li>
            <li><a href="./list.html">潮流好物</a></li>
            <li><a href="./list.html">服务</a></li>
          </ul>
        </div>
        <div class="rigth_2">
          <form action="" class="parent">
            <input type="text" placeholder="OPPO K9 Pro">
          </form>
        </div>
      </div>
    </div>
    
  </div>
    <!-- 轮播图 -->
    <div class="app-banner">
        <div class="banner-warp">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="https://dsfs.oppo.com/archives/202109/202109180709026145d486ca7c3.jpg?_w_=5120&_h_=1192"
                  alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://dsfs.oppo.com/archives/202109/202109181009146145549a389eb.jpg?_w_=5120&_h_=1192"
                  alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://dsfs.oppo.com/archives/202109/2021091407092661408502b3756.jpg?_w_=5120&_h_=1192"
                  alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://dsfs.oppo.com/archives/202109/202109180809126145d4cc6184c.jpg?_w_=5120&_h_=1192"
                  alt="">
              </div>
              <div class="swiper-slide">
                <img src="https://dsfs.oppo.com/archives/202109/2021091811093561455e0f7b954.jpg?_w_=5120&_h_=1192"
                  alt="">
              </div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
      
      <!-- 二级菜单 -->
        <div class="app-banner-container container">
          <!-- <div class="container"> -->
            <div class="menu-wrap">
              <div class="side-menu">
                <ul class="side-menu-scroll">
                  <li class="side-menu-item" data-zzc="0">
                    <div data-zzc="0">
                      <span>热门推荐</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="1">
                    <div>
                      <span>OPPO</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="2">
                    <div>
                      <span>OnePlus</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="3">
                    <div>
                      <span>realme</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="4">
                    <div>
                      <span>耳机影音</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="5">
                    <div>
                      <span>原装配件</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="6">
                    <div>
                      <span>智能穿戴</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="7">
                    <div>
                      <span>智能电视</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="8">
                    <div>
                      <span>日用百货</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="9">
                    <div>
                      <span>数码周边</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="10">
                    <div>
                      <span>家用电器</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="11">
                    <div>
                      <span>个护健康</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="12">
                    <div>
                      <span>家纺餐厨</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                  <li class="side-menu-item" data-zzc="13">
                    <div>
                      <span>母婴亲子</span>
                    </div>
                    <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/08fdac5.svg" alt="">
                  </li>
                </ul>
              </div>
              <div class="menu-panel">
                <div class="menu-panel-main">
                  <div class="menuMain" >
                    <p class="menuTitle">热门推荐</p>
                    <ul>
                      <li>
                        <img src="https://dsfs.oppo.com/archives/202104/20210420070440607ec1f038950.png?_w_=320&_h_=320" alt="">
                        <span>OPPO K9</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          <!-- </div> -->
        </div>
    </div>
    <!-- 中间部分 -->
    <div class="maxen">
      <!--  登录注册区 -->
      <div class="en_enter">
        <div class="enter">
          <div class="e_left">
            <img src="https://dsfs.oppo.com/archives/202107/2021071303071160ed3ccb985c3.png?_w_=592&_h_=180&x-oss-process=image/format,webp" alt="">
          </div>
          <ul class="e_tu">
            <li>
              <img src="
              https://dsfs.oppo.com/archives/202105/2021052007053560a6485b14f2d.png?_w_=160&_h_=160&x-oss-process=image/format,webp" alt="">
              <p>领劵中心</p>
            </li>
            <li>
              <img src="https://dsfs.oppo.com/archives/202105/2021052007051260a649ac9938c.png?_w_=160&_h_=160&x-oss-process=image/format,webp" alt="">
              <p>以旧换新</p>
            </li>
            <li>
              <img src="https://dsfs.oppo.com/archives/202105/2021052008053660a65c48885d6.png?_w_=160&_h_=160&x-oss-process=image/format,webp" alt="">
              <p>价保政策</p>
            </li>
            <li>
              <img src="https://dsfs.oppo.com/archives/202105/2021052705052360af697f68e26.png?_w_=160&_h_=160&x-oss-process=image/format,webp" alt="">
              <p>企业购</p>
            </li>
            </ul>
          <div class="e_right">
            <div class="touxiang">
              <i class="iconfont icon-shang1"></i>
            </div>
            <div class="ziti">
              <p><span>登录</span> | <span>注册</span></p>
              <p>立即注册领取新人福利</p>
            </div>
          </div>
        </div>
      </div>
      <!-- 四个样式图 -->
      <ul class="picshow">
        <li>
          <img src="https://dsfs.oppo.com/archives/202109/20210922030940614ad90c05157.png?_w_=626&_h_=360&x-oss-process=image/format,webp" alt="">
        </li>
        <li>
          <img src="https://dsfs.oppo.com/archives/202105/2021052403050360ab501fe58dc.png?_w_=626&_h_=360&x-oss-process=image/format,webp" alt="">
        </li>
        <li>
          <img src="https://dsfs.oppo.com/archives/202107/2021070511070060e275ece262f.png?_w_=626&_h_=360&x-oss-process=image/format,webp" alt="">
        </li>
        <li>
          <img src="https://dsfs.oppo.com/archives/202109/2021091503091961419dc350fa5.png?_w_=626&_h_=360&x-oss-process=image/format,webp" alt="">
        </li>
      </ul>
      <!-- 限时秒杀 -->
      <div class="seckill">
        <ul class="seckilltime">
          <li>限时秒杀</li>
          <li><a href="#">查看更多&gt;</a></li>
        </ul>
        <div class="seck_right">
          <div class="dingshiqi">
            <div>
              <p>10:00</p>
              <p> <span>即将开始</span> | <span>00 : 00 : 00后开始 </span></p>
            </div> 
            <div>
              <p>10:00</p>
              <p> <span>即将开始</span> | <span>00 : 00 : 00后开始 </span></p>
            </div>
            <div>
              <p>10:00</p>
              <p> <span>即将开始</span> | <span>00 : 00 : 00后开始 </span></p>
            </div>
            <div>
              <p>10:00</p>
              <p> <span>即将开始</span> | <span>00 : 00 : 00后开始 </span></p>
            </div>
          </div>
          <ul class="seckrightss">
            <li>
              <div class="planimg">
                <img src="" alt="">
              </div>
              <h3></h3>
              <div class="border">
                <div class="jindu"></div>
                <p>已抢0%</p>
              </div>
              <div class="plan">
                <p> <span> </span> <span></span></p>
                <div></div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 热卖专区 -->
      <div class="hottime">
        <h3>热卖专区</h3>
        <ul class="hot_right">
          <li>
            <div class="hot_left" >
            </div>
            <div class="hot_right">
              <p>Reno6 Pro</p>
              <p>赠oppo耳机</p>
              <p>￥3199</p>
            </div>
            <div class="righttop"></div>
          </li>
        </ul>
        <ul class="tonglan">
          <li>
            <img src="https://dsfs.oppo.com/archives/202105/2021052010055560a66def04b0b.png?_w_=1292&_h_=440" alt="">
          </li>
          <li>
            <img src="https://dsfs.oppo.com/archives/202105/2021052010053660a66e18ae9de.png?_w_=1292&_h_=440" alt="">
          </li>
        </ul>
      </div>
      <!--  oppo 专区 -->
      <div  id="oppozhuan" class="opponic">
        <h3>OPPO专区</h3>
        <ul  id="oppolie" class="oppolist">
          <li class="categoryTab active" id="0">Reno系列</li>
          <li class="categoryTab" id="1">Find 系列</li>
          <li class="categoryTab" id="2">K系列</li>
          <li class="categoryTab" id="3">A系列</li>
          <li class="categoryTab" id="4">智能耳机</li>
          <li class="categoryTab" id="5">运动穿戴</li>
          <li class="categoryTab" id="6">智能电视</li>
          <li class="categoryTab" id="7">手机配件</li>
        </ul>
        <ul id="oppoqu" class="oppoimg">
          <div>
            <img src="" alt="">
          </div>
          <li>
            <img src="" alt="">
            <p></p>
            <p><span></span><span></span></p>
            <p></p>
          </li>
        </ul>
      </div>
      <!-- One plus 专区 -->
      <div class="opponic" id="oneplus">
        <h3>OnePlus专区</h3>
        <ul class="oppolist" id="onepluslist">
          <li><a href="">OnePlus手机</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
        </ul>
        <ul class="oppoimg"id="oneplusimg" >
          <!-- <div>
            <img src="" alt="">
          </div>
          <li>
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
          </li> -->
        </ul>
      </div>
      <!-- realme专区 -->
      <div class="opponic" id="realme">
        <h3>OnePlus专区</h3>
        <ul class="oppolist" id="realmelist">
          <li><a href="">OnePlus手机</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
        </ul>
        <ul class="oppoimg" id="realmeul">
          <div>
            <img src="" alt="">
          </div>
          <li>
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
          </li>
          <li>
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
          </li>
          <li>
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
          </li>
          <li>
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
          </li>
          <li>
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
          </li>
        </ul>
      </div>
      <!-- 智能好物 -->
      <!-- <div class="opponic" id="haowu">
        <h3>智能好物</h3>
        <ul class="oppolist" id="halowuul">
          <li><a href="">OnePlus手机</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
        </ul>
        <ul class="oppoimg" id="haowuimg">
          <div>
            <img src="" alt="">
          </div>
          <li>
            <img src="" alt="">
            <p></p>
            <p><span></span> <span></span></p>
            <p></p>
          </li>
          <li>
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
          </li> 
        </ul>
      </div> -->
      <!-- 潮流好物 -->
      <div class="opponic" id="chaoliu">
        <h3>潮流好物</h3>
        <ul class="oppolist" id="chaoliulist">
          <li><a href="">OnePlus手机</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
          <li><a href="">Reno系列</a></li>
        </ul>
        <ul class="oppoimg" id="chaoliuimg">
          <li>
            <img src="" alt="">
            <p></p>
            <p> <span></span> <span></span></p>
            <p></p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 大底部 -->
    <div class="footers">
      <!-- 全国联保 -->
      <div class="topfoot">
        <ul>
          <li>
            <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/04210c8.svg" alt="">
            <a href="#">1年全国联保</a>
          </li>
          <li>
            <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/4be7942.svg" alt="">
            <a href="#">7天无理由退货</a>
          </li>
          <li>
            <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/eb8fa21.svg" alt="">
            <a href="#">官方换货保障</a>
          </li>
          <li>
            <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/3839092.svg" alt="">
            <a href="#">满69元包邮</a>
          </li>
          <li>
           <img src="https://dsfs.oppo.com/oppo/shop-pc-v2/main/img/11324b1.svg" alt="">
            <a href="#">916 家售后网点</a>
          </li>
        </ul>
      </div>
      <div class="bottomfoot">
        <ul>
          <li>关于欢太</li>
          <li>了解欢太</li>
          <li>欢太产品与服务</li>
          <li>联系我们</li>
          
        </ul>
        <ul>
          <li>OPPO产品</li>
          <li>OPPO Reno6</li>
          <li>OPPO Reno6 Pro</li>
          <li>OPPO Reno6 Pro</li>
          <li>OPPO Find X3 Pro</li>
          <li>OPPO Find X3</li>
          <li>OPPO Find X3</li>
          <li>OPPO K9</li>
          <li>OPPO K7x</li>
          <li>OPPO A93s </li>
          <li>OPPO A93</li>
        </ul>
        <ul>
          <li>一加产品</li>
          <li>OnePlus 9 Pro</li>
          <li>OnePlus 9</li>
          <li>OnePlus 9R</li>
          <li>OnePlus 8T</li>
          <li>OnePlus Watch</li>
          <li>OnePlus Buds Pro</li>
        </ul>
        <ul>
          <li>realme产品</li>
          <li>真我GT大师探索版</li>
          <li>真我X7 Pro至尊版</li>
          <li>真我Q3 Pro</li>
          <li>真我V15</li>
          <li>realme Book</li>
          <li>realme Book</li>
        </ul>
        <ul>
          <li>服务政策</li>
          <li>服务政策</li>
          <li>一加售后政策</li>
          <li>realme售后政策</li>
          <li>配送发货说明</li>
          <li>花呗分期说明</li>
          <li>电子发票说明</li>
        </ul>
        <div class="rightfoot">
          <div>
            <i class="iconfont icon-fuwudingdanxiangqing-kefu"></i>
            在线客服
          </div>
          <p>400-1999-666</p>
          <p>24小时全国热线</p>
        </div>
      </div>
      <div class="textfoot">
        <ul>
          <li>◎2021欢太版权所有粤ICP备14012291号</li>
          <li>隐私政策</li>
          <li>用户使用协议</li>
          <li>资质证照</li>
          <li>知识产权</li>
        </ul>
        <p>粵公网安备44190002004935号</p>
      </div>
    </div>
  <!-- </div> -->
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/utils.js"></script>
  <script src="./js/index.js"></script>
  
</body>
</html>